@import '../global.less';
.flex{
  display: flex;
  justify-content: space-between;
}
.home_wrapper{
  position: relative;
  .content_wrapper{
    .flex;
    .content_left{
      flex: 1;
      background-color: white;
      margin-right: 320px;
      .empty_wrapper{
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .item{
        display: flex;
        border-bottom: 1px solid #e8e8e8;
        padding: 16px;
        cursor: pointer;
        .item_left{
          display: flex;
          .content{
            width: 40px;
            height: 40px;
            background-color: rgba(0,130,252,0.4);
            padding:5px;
            .icon{
              display: flex;
              justify-content: center;
            }
            .content_number{
              font-size: 12px;
              color:white;
              text-align: center;
            }
          }
        }
        .item_right{
          width: 100%;
          margin-left: 10px;
          .header{
            .flex;
            align-items: center;
            font-size: 12px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #333333;
            .header_info{
              display: flex;
              justify-content: space-between;
              align-items: center;
              .avatar{
                width: 32px;
                height: 32px;
                border-radius: 8px;
                margin-right: 5px;
              }
            }
          }
          .title{
            font-size: 18px;
            font-weight: 600;
            margin: 10px 0;
          }
          .item_right_footer{
            display: flex;
            justify-content: space-between;
            .item_right_footer_item{
              display:flex;
              font-size: 12px;
              color: #8590a6;
              .icon{
                margin-right: 5px;
              }
            }
          }
        }
      }
    }
  }
}
@media (max-width: 992px) {
  .home_wrapper {
    position: relative;

    .content_wrapper {
      .content_left {
        margin-right: 0;
      }
    }
  }
}
